/* jQuery slideLock CSS */

p.quiet { padding-left: 150px; width: 200px; }
span.quiet { font-size: .875em; }
#locked { font-weight: bold; color: #333; }
#unlocked { margin-left: 45px; }
p.quiet img { margin: 0 0 0 45px; }

/* Slider ----------------------------------*/
.ui-slider { position: relative; text-align: left; display: block; margin: 10px 0 10px 170px; width: 155px; }
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; background: #333; top: -.2em; margin-left: -.6em; }
.ui-slider-horizontal { height: .8em; background: #ddd; border: 1px solid #ccc; }
.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active { background: #aaa; }

/* Slider ---------------------------------------------------- */
.ui-slider-handle { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	background: -moz-linear-gradient(top, #147b99, #0b4353);
	background: -webkit-gradient(linear, left top, left bottom, from(#147b99), to(#0b4353));
}
.ui-slider-horizontal { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}
a.ui-state-hover, a.ui-state-focus { 
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	box-shadow: 0px 0px 10px #147b99;
	-moz-box-shadow: 0px 0px 10px #147b99;
	-webkit-box-shadow: 0px 0px 10px #147b99;
}
a.ui-state-active { 
	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
}